Всем привет! Есть форма регистрации нового пользователя, которая по умолчанию результат обработки отправляет на страницу
confirm.php. А я хочу сделать так, чтобы результат срабатывал и отображался во всплывающем окне без перехода на другую страницу. Вот набросал
фидл, но в какую сторону дальше двигаться пока не могу понять,
submit не срабатывает и всплывающая форма не вызывается
<form id="form_id" action="/system/wpacert" method="post" enctype="multipart/form-data" name="certform">
<input type="text" value="Имя"/>
<input type="password" value="Пароль"/>
<div>Сертификат: <input type="file" name="cert1"/></div>
<div><input class="confirmation" type="submit" value="Добавить"/></div>
</form>
<div id="confirmation" class="mfp-hide">
<h2>Результат</h2>
<p>Имя</p>
<p>Пароль</p>
<p>Сертификат №</p>
</div>
$('.confirmation').submit(function(){
$.ajax({
type : 'POST',
url : '/system/wpacert',
data : $("#form_id").serializeArray(),
success: function (data) {
$(".confirmation").magnificPopup({
items: {
src: '#confirmation',
type: 'inline'
}
});
alert('sucsess');// проверяем работу скрипта в случае успеха
},
error :function(){
alert('fail');// проверяем работу скрипта в случае неудачи
}
});
});